<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p>计时: <output id="result"></output></p>
<button onclick="startWorker()">开始计时</button>
<button onclick="stopWorker()">停止计时</button>
<br><br>

<script>
    var w;
    function startWorker() {
        <!--创建 web worker 之前，检测用户浏览器是否支持它-->
        if(typeof(Worker) !== "undefined") {
            if(typeof(w) == "undefined") {
                w = new Worker("../../audio/1.js");
            }
            <!--向 web worker 添加一个 "onmessage" 事件监听器-->
            w.onmessage = function(event) {
                document.getElementById("result").innerHTML = event.data;
            };
        } else {
            document.getElementById("result").innerHTML = "Sorry! No Web Worker support.";
        }
    }

    function stopWorker() {
        <!--终止 web worker，并释放浏览器/计算机资源，使用 terminate() 方法-->
        w.terminate();
        <!--复用web worker  把 worker 变量设置为 undefined，在其被终止后，可以重复使用该代码-->
        w = undefined;
    }
</script>
</body>
</html>